<template>
  <div>
    <h1>App</h1>
    <hr />
    <Test>
      <!-- xxx接收到的是一个对象,对象里面就是作用域插槽传递过来的数据.大致的结构: {list: ['a','b','c']} -->
      <template scope="xxx">
        <ul>
          <li v-for="(item, index) in xxx.list" :key="index">{{ item }}</li>
        </ul>
      </template>
    </Test>
    <Test>
      <template scope="xxx">
        <ol>
          <li v-for="(item, index) in xxx.list" :key="index">{{ item }}</li>
        </ol>
      </template>
    </Test>
  </div>
</template>

<script>
import Test from './Test.vue'
export default {
  components: {
    Test,
  },
}
</script>

<style></style>
